<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../../util/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>选择客户信息</title>
</head>
<body>
<div id="selectClienterPage">
        <div class="tb_toolbar">
			<input type="text" class="easyui-textbox" data-options="width:140,prompt:'单位名称'"  name="loginName" />
			<input type="radio" name="memberType" value="1" checked="checked">普通会员&nbsp;
            <input type="radio" name="memberType" value="2">企业会员
			<a href="javascript:seachData()" class="easyui-linkbutton"  data-options="iconCls:'icon-search'">检索</a>
		</div>
        <div class="clienterList" style="width:480px;height:250px;"></div>
        </div>
        <script type="text/javascript">
        $(document).ready(function () {
        	loadTableList()
        });
        
        //检索数据
        function seachData(){
      	  var loginName = $("#selectClienterPage input[name='loginName']").val();
      	  var memberType = $("#selectClienterPage input[name='memberType']:checked").val();
      	  $("#selectClienterPage .clienterList").datagrid({
      		  queryParams: {
      			 loginName:loginName,
      			 memberType:memberType
  		      }
      	  })
        }
        
        //加载列表
        function loadTableList(){
      	    //向后台加载数据
	    	$("#selectClienterPage .clienterList").datagrid({
		        url:getBasePath()+"member/getMemberList.do",
		        //远程请求数据的方式
		        method:"post",
		        fit:false,
		        //真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
		        fitColumns:true,
		        //调整列的位置
		        resizeHandle:"right",
		        //定义设置行的高度,根据该行的内容。设置为false可以提高负载性能
		        autoRowHeight:"false",
		        striped:true,
		        nowrap:true,
		        idField:"id",
		        rownumbers:true,//是否显示行号
		        pagination:true,
		        queryParams: {
		    	},
		        //工具栏
  		        toolbar:".tb_toolbar",
  		        loadMsg:"数据加载中，请稍后...",
  		        pageSize:5,//页长
  		        pageList:[5,10,20,25,30],
		        singleSelect:false,
		        columns:[[
  	  		              {field:'id',checkbox:true},
	  		              {field:'realName',title:'姓名',width:100},
	  		              {field:'loginName',title:'登录名',width:220},
	  		              {field:'mobile',title:'手机号',width:150}
  	  		    ]]
		    });
        }
    </script>
</div>
</body>
</html>